@charset "utf-8";
/* CSS Document */
/*sidebar开始-----------------------------------------------------------*/
.sidebar{
	min-height:500px;
}
.sidebar .sub-title {
	margin:0;
	padding:0;
	height: 28px;
	line-height:28px;
	width:100%;
	background-color: #c4dbfd;
	font-size:13px;
	margin-bottom:1px;
}
.sidebar .sub-title h3 {
	margin:0;
	padding:0;
	margin-bottom:15px;
}
.sidebar .sub-title a {
	background:url(../images/double-arrow.png) no-repeat left;
	padding-left:16px;
	margin-left:10px;
}
.sidebar a:hover { text-decoration:underline; }
.sidebar .item { margin-top:13px; }
.sidebar .item a {
	display: block;
	background:url(../images/point.png) no-repeat left 5px;
	padding-left:10px;
	margin: 0 10px 15px 20px;
}
/*sidebar结束，main开始-------------------------------------------------------------*/

.show{
	margin:0 15px;
}
.main-course,.main-teacher,.announce{
	width:360px;
	padding-top:10px;
	display: inline-block;
}

.main-course span{
	display:block;
	background: url(../images/pen.png) no-repeat left;
}
.main-course img,.main-teacher img{
	margin-left:42px; 
}
.main-teacher{
	float:right;
}
.main-teacher span{
	display:block;
	background: url(../images/teacher-icon.gif) no-repeat left;
}
.announce span{
	display:block;
	background: url(../images/announce-icon.gif) no-repeat left;
}
.announce p{
	margin-left:42px;
	font-size:13px;
	line-height:18px;
}

/*main结束-----------------------------------------------------------*/





/*courses.html代码开始---------------------------------------------------------------------*/


.course-nav{
	background: url(../images/course-nav-bj.png) repeat-x left;
	height:28px;
	line-height:28px;
}
.course-nav span{
	display:block;
	background:url(../images/world.png) no-repeat left;
	margin-left:10px;
	padding-left:26px;
	font-size:13px;
	font-weight:bold;
}



/*树形菜单开始--------------------------------------------------------*/
.tree{
	padding-bottom:10px;
}
.tree span{
	display:block;
	margin:0;
	padding:0;
	height: 28px;
	line-height:28px;
	width:172px;	
	background:url(../images/menu.png) no-repeat 10px #c4dbfd;
	font-size:13px;
	margin-bottom:1px;
	padding-left:22px;
}
.tree span:hover{
	cursor: pointer;
	background:url(../images/menu.png) no-repeat 10px #a8cbff;
}
/*树形菜单标题选中状态class为selected*/
.tree span .selected{
	background:url(../images/menu-selected.png) no-repeat 10px #a8cbff;
}
.tree a{
	display:block;
	height:23px;
	line-height:23px;
	text-decoration:none;
	background:url(../images/menu.png) no-repeat 22px;
	padding-left:34px;
	margin-bottom:1px;
}
.tree a:hover{
	background:url(../images/menu-item-hover.png) no-repeat 22px #ddebf2;
}

/*main start--------------------------------------------------------------------*/

.course-head,.teachers-head{
	border-bottom: 1px dashed #bbbbbb;
	margin:0 10px 20px 0;
}

.course-head span{
	display:block;
	background: url(../images/course-list.png) no-repeat left;
}
.teachers-head span{
	display:block;
	background: url(../images/teacher-icon.gif) no-repeat left;
}


/*course-item start-----------------------------------------------------*/
.course-item{
	width:696px;
	margin: 30px 30px 15px;
}
/*注意：696+30+30=756px!*/
.course-pic{
	float:left;
	position: absolute;
	margin: -10px 0 0 40px;
}

.fieldset{
	display:block;
	margin:0;
	padding:0;
	width:672px;
	height: auto; 
	border:2px solid #c4dbfd;
	text-align:center;
	padding-bottom:10px;
}
.fieldset .legend{
	margin:0;
	padding:0;
	margin-left:200px;
}

.fieldset .legend img{
	vertical-align: bottom;
}
.fieldset .legend span {
	background-color: #d3e5fe;
	display: inline-block;
	width: 270px;
	height:31px;
	line-height:31px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	text-indent:2em;
}
.fieldset .blank{
	display:block;
	margin:10px 0;
}
.course-desc{
	text-align:left;
	vertical-align:top;
	text-indent:2em;
}


/*button样式start-----------*/
/*.pagination{
	height:22px;
	line-height:22px;
	margin: 0 50px 0 0;
}
.pagination .page{
	float:right;
}
.pagination .page span{
	display:inline-block;
	margin:0;
	padding:0;
	padding: 0 5px;
	height:18px;
	line-height:18px;
	text-align:center;	
}
.pagination .page .border{
	border:1px solid #cccccc;
}
.pagination .page .page-selected{
	border:1px solid #63a2cb;
	background-color:#f0f6f9;
	color: #1373b0;
	font-weight:700;
}

.pagination .page .frontpage{
	margin:0;
	padding:0;
	background:url(../images/frontpage.png) no-repeat center center;
	width:20px;
}
.pagination .page .nextpage{
	background:url(../images/nextpage.png) no-repeat right center;
	padding-right:16px;
}
.pagination .page a{
	display:inline-block;
	border:1px solid #cccccc;
	padding:0 5px;
	height:18px;
	line-height:18px;
}
.pagination .page a:hover{
	border:1px solid #63a2cb;
}
.pagination .page .input{
	margin:0;
	padding:0;
	border:1px solid #cccccc;
	color:#000000;
	height:18px;
	line-height:18px;
	margin:0 5px;
	text-align:center;
	width:30px;
}
*/

/*course-eg:媒体设计start---------------------------------------------------*/
.course-title{
	display:block;
	font-size: 25px;
	font-weight: bold;
	height:45px;
	line-height:45px;
	padding: 10px 0 0 42px;
}
.course-sub-title{
	display:block;
	font-size: 22px;
	font-weight: bold;
	height:42px;
	line-height:42px;
	padding: 10px 0 0 42px;
}
.duputy{
	display:block;
	height:20px;
	line-height:20px;
	padding-right:40px;
}
.deputy-title{
	float:right;
	font-size:14px;
	font-style:italic;
}
.info{
	padding-left:42px;
}
.info img{
	display: inline;
}
.info-frame{
	float:right;
	width:280px;
	margin-right:100px;
	_margin-right:50px;
}
.basic-info{
	margin-bottom: 7px;
	border-bottom: 1px dashed #444444;
}
.info-frame span,.info-frame a{
	display:block;
	font-size: 13px;
	margin:0 0 7px;
}
.info-frame a,.link-info table td a{
	width:60px;
	text-decoration: underline;
}
.info-frame a:hover,.link-info table td a:hover{
	font-weight:bold;
}
.link-info{
	padding:5px 40px 0 0;
}
.download{
	background:url(../images/download-arrow.png) no-repeat left;
	padding-left:26px;
	margin-left:72px;
}
.download a:hover{
	text-decoration:underline;
}
.link-info .info-cont span{
	display:block;
	line-height: 20px;
	margin-left: 42px;
	text-indent: 2em;
}
.link-info table td{
	line-height:30px;
	padding-left:42px;
}
.cour-caption{
	font-weight:bold;
	font-size:14px;
}






/*tips start--------------------------------------------------------------------*/
.tips {
	height:20px;
	line-height:20px;
	height:auto;
	text-align:left;
	border:1px solid #c4dbfd;
	margin: 10px 40px 0 42px;
}
.tips-bg{
	height:20px;
	line-height:20px;
	background:#c4dbfd;
}
.tips span,.tips a{
	height:20px;
	line-height:20px;
}
.slide {
	float:right;
}
.slide a{
	margin-right:15px;
}
#panel {
	display: none;
	margin:0;
	padding:10px;
	line-height:18px;
	color:#888888;
	background:#f0f6f9;
}
.tips a, .tips a:visited {
	text-decoration:none;
}
.tips a:hover {
	text-decoration:underline;
}
#panel a{
	background:url(../images/download-arrow.png) no-repeat left;
	padding-left:26px;
	margin-left:15px;
}


/*名师风范页面代码start-----------------------------------------------------------------------*/
.teachers{
	padding-left:42px;
}
.teachers table{
	vertical-align:top;
}
.teachers table td{
	height:90px;
	line-height:18px;
	padding: 0 40px 30px 0;
}



/*关于OCW页面代码start-----------------------------------------------------------------------*/
.answer p{
	margin:0 40px 0 52px;
	text-indent:2em;
}
.question span{
	background: url(../images/key.gif) no-repeat left;
}
.link-ocapply{
	 color:#0000FF;
	 font-size:13px;
}
.link-ocapply:hover{
	text-decoration:underline;
}


